{extend name="Public:base" /}
{block name="main"}
<main>
            <!-- slider-area start -->
            <section class="slider-area pos-relative" style="display: none;	">
                <div class="slider-active">
                    <div class="single-slider slide-1-style slide-height d-flex align-items-center" data-background="img/slider/slide1.jpg">
                        <div class="shape-title bounce-animate">
                            <h2>UX</h2>
                        </div>
                        <div class="shape-icon bounce-animate">
                            <img src="img/slider/shape-icon.png" alt="">
                        </div>
                        <div class="container-fluid">
                            <div class="row">
                                <div class="col-xl-7">
                                    <div class="slide-content">
                                        <span data-animation="fadeInRight" data-delay=".2s">Furniture Collection</span>
                                        <h1 data-animation="fadeInUp" data-delay=".5s">Synnes Dining
                                        Chair Upholstered</h1>
                                        <div class="slide-btn">
                                            <a class="btn theme-btn" href="shop.html" data-animation="fadeInLeft" data-delay=".7s">shop now</a>
                                            <a class="btn white-btn" href="shop.html" data-animation="fadeInRight" data-delay=".9s">category</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-5">
                                    <div class="slide-shape1" data-animation="bounceInRight" data-delay=".9s"><img src="img/slider/shape1.png" alt=""></div>
                                    <div class="slide-shape2" data-animation="bounceInRight" data-delay="1.2s"><img src="img/slider/shape2.png" alt=""></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="single-slider slide-1-style slide-height d-flex align-items-center" data-background="img/slider/slide1-1.jpg">
                        <div class="shape-title bounce-animate">
                            <h2>UX</h2>
                        </div>
                        <div class="shape-icon bounce-animate">
                            <img src="img/slider/shape-icon.png" alt="">
                        </div>
                        <div class="container-fluid">
                            <div class="row">
                                <div class="col-xl-7">
                                    <div class="slide-content">
                                        <span data-animation="fadeInRight" data-delay=".2s">Furniture Collection</span>
                                        <h1 data-animation="fadeInUp" data-delay=".5s">Synnes Dining
                                        Chair Upholstered</h1>
                                        <div class="slide-btn">
                                            <a class="btn theme-btn" href="shop.html" data-animation="fadeInLeft" data-delay=".7s">shop now</a>
                                            <a class="btn white-btn" href="shop.html" data-animation="fadeInRight" data-delay=".9s">category</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-5">
                                    <div class="slide-shape1" data-animation="bounceInRight" data-delay=".9s"><img src="img/slider/shape3.png" alt=""></div>
                                    <div class="slide-shape2" data-animation="bounceInRight" data-delay="1.1s"><img src="img/slider/shape4.png" alt=""></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- slider-area end -->
			
			<!-- 优惠信息 start -->
			<section class="product-area box-90 pt-30">
				<div class="container-fluid">
					<div class="row">
					    <div class="col-xl-12 col-lg-12">
					        <div class="area-title mb-50 text-center">
								<h1 style="color: red;">Hawk-Matic Injector 5% OFF</h1>
					        </div>
					    </div>
					</div>
				</div>
			</section>
			<!-- 优惠信息 end -->

            <!-- product-area start -->
            <section class="product-area box-90 pt-10 pb-40">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-xl-5 col-lg-12">
                            <div class="area-title mb-50">
                                <h2>Brand Products</h2>
                                <p>Browse the huge variety of our products</p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xl-12">
                            <div class="product-tab-content">
                                <div class="tab-content" id="myTabContent111">
                                    <!-- <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab"> -->
									<div class="tab-pane fade show active" id="home">
                                        <div class="row">
											{volist name="goodslists" id="vo"}
												<div class="pro-item col-xl-4 col-lg-4 col-md-6 col-sm-12">
												    <div class="product-wrapper mb-50">
												        <div class="product-img mb-25 image-box">
												            <a href="/index/product_details.html?id={$vo.id}?id={$vo.id}">
												                <img src="http://hawkmatic.shop/{$vo.icon}" alt="">
												                <!-- <img class="secondary-img" src="img/product/pro1.jpg" alt=""> -->
												            </a>
												            <div class="product-action text-center">
												                <a href="#" title="Shoppingb Cart">
												                    <i class="flaticon-shopping-cart"></i>
												                </a>
												                <a href="#" title="Quick View">
												                    <i class="flaticon-eye"></i>
												                </a>
												                <!-- <a href="#" data-toggle="tooltip" data-placement="right" title="Compare">
												                    <i class="flaticon-compare"></i>
												                </a> -->
												            </div>
												        </div>
												        <div class="product-content">
												            <!-- <div class="pro-cat mb-10">
												                <a href="shop.html">decor, </a>
												                <a href="shop.html">furniture</a>
												            </div> -->
												            <h4>
												                <a href="/index/product_details.html?id={$vo.id}">{$vo.name}</a>
												            </h4>
												            <div class="product-meta">
												                <div class="pro-price">
												                    <span>{$vo.price} {$vo.money_logogram}</span>
												                    <!-- <span class="old-price">{$vo.price} USD</span> -->
												                </div>
												            </div>
												            <div class="product-wishlist">
												                <a href="#"><i class="far fa-heart" title="Wishlist"></i></a>
												            </div>
												            <div class="">
												                <a href="/index/product_details.html?id={$vo.id}" style="color: #fe4536">VIEW DETAILS</a>
												            </div>
												        </div>
												    </div>
												</div>
											{/volist}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- product-area end -->
			
			<!-- 视频 area start -->
			<section class="product-area box-90 pt-70 pb-40">
			    <div class="container-fluid">
			        <h3>Make yourself, Save your money</h3>
					<section class="video-area">
					    <div class="bakix-video">
					        <img src="https://cdn.shopifycdn.net/s/files/1/0569/9180/9722/collections/Hawk-Matic_2_142b83a2-5df0-4df3-a0cf-b450e9650fda_300x300.jpg?v=1628413132" alt="" width="">
					        <a class="popup-video" href="/attachment/videoBase/video1.mp4"><i class="fas fa-play"></i></a>
					    </div>
					</section>
			        <!-- <video src="https://www.youtube.com/embed/_vQs_98OMds?rel=0&showinfo=0&vq=720"></video> -->
			    </div>
			</section>
			<!-- 视频 area end -->
			
			<!-- 产品简介 start -->
			<section class="product-area box-90 pt-70 pb-40">
			    <div class="container-fluid">
					<div class="row">
						<div class="col-xl-6 col-lg-6 col-md-6 text-center">
							<img id="FeatureRowImage--1627789624ec0a47b3" class="feature-row__image lazyautosizes ls-is-cached lazyloaded" src="//cdn.shopifycdn.net/s/files/1/0569/9180/9722/files/Manual_300x300.jpg?v=1622263446" data-widths="[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 1944, 2048]" data-aspectratio="0.6111558058460713" data-sizes="auto" alt="" data-srcset="//cdn.shopifycdn.net/s/files/1/0569/9180/9722/files/Manual_180x.jpg?v=1622263446 180w, //cdn.shopifycdn.net/s/files/1/0569/9180/9722/files/Manual_360x.jpg?v=1622263446 360w, //cdn.shopifycdn.net/s/files/1/0569/9180/9722/files/Manual_540x.jpg?v=1622263446 540w, //cdn.shopifycdn.net/s/files/1/0569/9180/9722/files/Manual_720x.jpg?v=1622263446 720w, //cdn.shopifycdn.net/s/files/1/0569/9180/9722/files/Manual_900x.jpg?v=1622263446 900w, //cdn.shopifycdn.net/s/files/1/0569/9180/9722/files/Manual_1080x.jpg?v=1622263446 1080w, //cdn.shopifycdn.net/s/files/1/0569/9180/9722/files/Manual_1296x.jpg?v=1622263446 1296w, //cdn.shopifycdn.net/s/files/1/0569/9180/9722/files/Manual_1512x.jpg?v=1622263446 1512w, //cdn.shopifycdn.net/s/files/1/0569/9180/9722/files/Manual_1728x.jpg?v=1622263446 1728w, //cdn.shopifycdn.net/s/files/1/0569/9180/9722/files/Manual_1944x.jpg?v=1622263446 1944w, //cdn.shopifycdn.net/s/files/1/0569/9180/9722/files/Manual_2048x.jpg?v=1622263446 2048w" sizes="391px" srcset="//cdn.shopifycdn.net/s/files/1/0569/9180/9722/files/Manual_180x.jpg?v=1622263446 180w, //cdn.shopifycdn.net/s/files/1/0569/9180/9722/files/Manual_360x.jpg?v=1622263446 360w, //cdn.shopifycdn.net/s/files/1/0569/9180/9722/files/Manual_540x.jpg?v=1622263446 540w, //cdn.shopifycdn.net/s/files/1/0569/9180/9722/files/Manual_720x.jpg?v=1622263446 720w, //cdn.shopifycdn.net/s/files/1/0569/9180/9722/files/Manual_900x.jpg?v=1622263446 900w, //cdn.shopifycdn.net/s/files/1/0569/9180/9722/files/Manual_1080x.jpg?v=1622263446 1080w, //cdn.shopifycdn.net/s/files/1/0569/9180/9722/files/Manual_1296x.jpg?v=1622263446 1296w, //cdn.shopifycdn.net/s/files/1/0569/9180/9722/files/Manual_1512x.jpg?v=1622263446 1512w, //cdn.shopifycdn.net/s/files/1/0569/9180/9722/files/Manual_1728x.jpg?v=1622263446 1728w, //cdn.shopifycdn.net/s/files/1/0569/9180/9722/files/Manual_1944x.jpg?v=1622263446 1944w, //cdn.shopifycdn.net/s/files/1/0569/9180/9722/files/Manual_2048x.jpg?v=1622263446 2048w">
						</div>
						<div class="col-xl-6 col-lg-6 col-md-6 text-center">
							<div class="feature-row__item feature-row__text feature-row__text--left" style="margin: auto;">
							        <h2>Hawk-Matic® Home Use Electric Cigarette Injector Smoke injecting Machine Tobacco Rolling Machine</h2>
							        <div class=""><p style="font-size: 1.5rem;">Warranty: 2-Years warranty or 20,000 times injected whatever comes first.</p></div>
							    </div>
						</div>
					</div>
				</div>
			</section>
			<!-- 产品简介 end -->
        </main>
{/block}
